<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 相对路径和绝对路径 -->

    <!-- 测试相对路径 -->
    <!-- 进入文件用/，进入多个文件用多个/ -->
    <img src="04_image/add/打上花火（斜框线）.png" alt="打上花火" width="220px">

    <!-- 出文件用../，出多个文件用多个../ -->
    <img src="../test_route/image/打上花火（斜框线）.png" alt="打上花火" width="300px">
    <br>
    <br>

    <!-- 绝对路径 -->
    <!-- 盘符地址 -->
    <!-- 实际工作中不会使用，因为服务器没有C盘，D盘这些盘符 -->
    <img src="D:/Code/html_study_share/test_route/image/打上花火（斜框线）.png" alt="" width="300px">

    <br>
    
    <!-- 网站的绝对地址 -->
    <img src="https://bkimg.cdn.bcebos.com/pic/d1a20cf431adcbef76091cafaff839dda3cc7cd93159?x
    -bce-process=image/resize,m_lfit,w_536,limit_1" alt="周杰伦" width="220px">
    
</body>
</html>